<template>
    <footer class="w">
        <!--左logo-->
        <div class="footer-logo">
            <h2>
                <a href="javascript:void(0);">
                    <img src="@/assets/images/logo.png" alt="">
                </a>
            </h2>

        </div>
        <!--中信息-->
        <div>
            <h2>加盟热线：400-655-600</h2>
            <ul class="bot-nav clearfix">
                <li>
                    <a href="javascript:void(0);">关于我们</a>
                </li>
                <li>
                    <a href="javascript:void(0);">产品服务</a>
                </li>
                <li>
                    <a href="javascript:void(0);">免责声明</a>
                </li>
                <li>
                    <a href="javascript:void(0);">诚聘英才</a>
                </li>
                <li class=".last">
                    <a href="javascript:void(0);">友情链接</a>
                </li>
            </ul>
            <p>创业有风险 投资需谨慎 多打电话多咨询，可降低风险</p>
            <p>经营许可编号：1234567890</p>
        </div>
        <!--右二维码-->
        <a href="javascript:void(0);">
            <img src="@/assets/images/erweima.png" alt="">
        </a>
    </footer>
</template>

<script>
    export default {
        name: "foot"
    }
</script>

<style lang="less">
    /* 页脚 */
    footer {
        padding-top: 26px;
        padding-bottom: 26px;
        display: flex;
        justify-content: space-between;
        /* 左logo */

        .footer-logo {
            flex: 0 0 250px;

            h2 {
                width: 100%;
                margin-top: 50px;

                a {
                    display: block;
                    width: 100%;
                    height: 100%;

                    img {
                        display: block;
                        width: 100%;
                        height: 100%;
                    }
                }
            }
        }

        /* 中间信息 */

        div {
            flex: 0 0 450px;
            height: 100%;

            h2 {
                font-size: 35px;
                color: #333333;
            }

            .bot-nav {
                margin-top: 42px;
                margin-bottom: 42px;
                //height: 21px;

                li {
                    float: left;

                    &:not(.last) {
                        margin-right: 30px;
                    }

                    a {
                        font-size: 14px;
                    }
                }
            }

            p {
                text-align: center;
                font-size: 12px;
                color: #333;
            }
        }

        > a {
            flex: 0 0 116px;
            display: block;
        }
    }
</style>
